<!doctype html>
<html class="no-js">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>品牌列表 - Powered By ${systemConfig.systemName}</title>

    <!-- Set render engine for 360 browser -->
    <meta name="renderer" content="webkit">

    <!-- No Baidu Siteapp-->
    <meta http-equiv="Cache-Control" content="no-siteapp"/>

    <link rel="icon" type="image/png" href="${base}/template/assets/i/favicon.png">

    <!-- Add to homescreen for Chrome on Android -->
    <meta name="mobile-web-app-capable" content="yes">
    <link rel="icon" sizes="192x192" href="${base}/template/assets/i/app-icon72x72@2x.png">

    <!-- Add to homescreen for Safari on iOS -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
    <link rel="apple-touch-icon-precomposed" href="${base}/template/assets/i/app-icon72x72@2x.png">

    <!-- Tile icon for Win8 (144x144 + tile color) -->
    <meta name="msapplication-TileImage" content="${base}/template/assets/i/app-icon72x72@2x.png">
    <meta name="msapplication-TileColor" content="#0e90d2">

    <link rel="stylesheet" href="${base}/res/css/amazeui.min.css">
    <link rel="stylesheet" href="${base}/res/css/app.css">
    <link rel="stylesheet" href="${base}/res/css/admin.css">
    <script src="${base}/res/js/jquery.min.js"></script>
    <script type="text/javascript" src="${base}/res/js/list.js"></script>

</head>
<body>
<!--在这里编写你的代码-->
<div class="admin-content">
    <div class="am-cf am-padding" style="padding:1rem 1.6rem 1.6rem 1rem;margin:0px;"> <!--  padding:1px 2px 3px 4px;上、右、下,和左   -->
        <div class="am-fl am-cf"><strong class="am-text-primary am-text-lg">商品管理</strong> / <small>商品列表</small></div>
    </div>
    <form class="am-form" id="listForm" action="${base}/product/list" method="post">
        <div class="am-g">
            <div class="am-u-sm-12 am-u-md-6" style="padding:0px 1.6rem 1.6rem 1rem;margin:0px;">
                <div class="am-btn-toolbar">
                    <div class="am-btn-group am-btn-group-xs" >
                        <button type="button" class="am-btn am-btn-default" onclick="location.href='${base}/product/add'"><span class="am-icon-plus"></span> 新增</button>
                        <button type="button" id="deleteButton" disabled="disabled" class="am-btn am-btn-default" onclick="deleteAll('${base}/product/delete')"><span class="am-icon-trash-o"></span> 删除</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="am-g" >
            <div class="am-u-sm-12" style="padding:0px 5px 0px 0px;margin:0px;"><!--  padding:1px 2px 3px 4px;上、右、下,和左   -->
                <table class="am-table am-table-striped am-table-bordered am-table-radius am-table-hover table-main" style="padding:0px;margin:0px;">
                    <thead>
                    <tr>
                        <th class="table-check"><input type="checkbox" id="allCheck"></th>
                        <th class="productSn">产品编码</th>
                        <th class="name">产品名称</th>
                        <th class="price">单价</th>
                        <th class="isMarketable">是否上架</th>
                        <th class="isBest">是否精品</th>
                        <th class="isNew">是否最新</th>
                        <th class="isHot">是否最热</th>
                        <th class="store">库存</th>
                        <th class="modifyDate">修改日期</th>
                        <th class="modify">修改</th>
                    </tr>
                    </thead>
                    <tbody>
                    <%for(list in pager.list){%>
                    <tr>
                        <td><input type="checkbox" name="ids" value="${list.id}"></td>
                        <td>${list.productSn}</td>
                        <td>${list.name}</td>
                        <td>${list.price}</td>
                        <td>
                            <%if(list.isMarketable){%>
                                是
                            <%}else{%>
                                否
                            <%}%>
                        </td>
                        <td>
                            <%if(list.isBest){%>
                                是
                            <%}else{%>
                                否
                            <%}%>
                        </td>
                        <td>
                            <%if(list.isNew){%>
                                是
                            <%}else{%>
                                否
                            <%}%>
                        </td>
                        <td>
                            <%if(list.isHot){%>
                                是
                            <%}else{%>
                                否
                            <%}%>
                        </td>
                        <td>${list.store}</td>
                        <td>${list.modifyDate,dateFormat="yyyy-MM-dd HH:mm:ss"}</td>
                        <td>
                            <div class="am-btn-toolbar">
                                <div class="am-btn-group am-btn-group-xs">
                                    <button type="button" class="am-btn am-btn-default am-btn-xs am-text-secondary" onclick="location.href='${base}/product/edit?id=${list.id}'"><span class="am-icon-pencil-square-o"></span>编辑</button>
                                </div>
                            </div>
                        </td>
                    </tr>
                    <%}%>
                    </tbody>
                </table>
                <div class="am-cf">
                    <!-- 分页 -->
                    <%if (pager.list.~size > 0){%>
                    <div class="am-fr">
                        <% include("/admin/pager.html"){}%>
                    </div>
                    <%}else{%>
                    <div class="am-kai">
                        <h3>没有找到任何记录!</h3>
                    </div>
                    <%}%>
                </div>
            </div>
        </div>
    </form>
</div>
<!-- content end -->

<!--[if (gte IE 9)|!(IE)]><!-->
<script src="${base}/res/js/amazeui.min.js"></script>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<script src="https://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<![endif]-->
</body>
</html>
